{% extends "input_layout.html" %}
{% block content %}
    <form class="form-signin" method="post" action="/login">
        <img class="mb-4" src="static/logo_color.png" alt="" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal">请登陆</h1>

            {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
            {% for category, message in messages %}
            <div class="alert alert-{{ category }}" style="text-align: center;width: 100%; margin-bottom: 5px;">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <strong>{{ message }}</strong>
            </div>
            {% endfor %}
            {% endif %}
            {% endwith %}
            <input class="form-control" id="email" name="zhanghao" placeholder="账号" required type="text" value="">

            <input class="form-control" id="password" name="mima" placeholder="密码" required
                style="margin-bottom: 0px !important;" type="password" value="">
            <div class="checkbox mb-3" style="margin-top: 10px;">
                <input id="remember" name="remember" type="checkbox" value="y"> 记住我
            </div>

            <input class="btn btn-lg btn-primary btn-block" id="submit" name="submit" style="margin-top: 20px !important;"
                type="submit" value="登陆">
            <div class="border-top pt-3" style="margin-top: 25px !important;">
                <small class="text-muted">
                    还没有账号？<a href="/register">马上注册</a>
                </small>
            </div>
        </div>
{% endblock content %}
